<?php
	require_once("../conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>--</title>
<link href="../Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<script src="../include_js/jquery.js" type="text/javascript"></script>
<style>
.texto
{
	font-size:14px;
	margin-left:10px;
	font:Verdana, Arial, Helvetica, sans-serif; 
	color:#0066CC;
}
.borde
{
	/*border:0px solid #6593C0;*/
	border:1px solid #D3E4E5;
}

</style>
<script>
function Volver()
{
	$.ajax({
            type: 'POST',
            url: 'Contabilidad/MenuRendicionCajaChica.php',
            data: $('#form_Rendicion').serialize(),
            success: function(data) {
                $('#capa3').html(data);
            }
        })
}
</script>
</head>

<body>
<form name="form_Rendicion" id="form_Rendicion" method="post">
<div class='groupbox'>
<table border="0" width="100%" cellpadding="0" cellspacing="0" class="uno">
	<tr>
	  <td class="borde" colspan="3" style="padding:5px;"><div style="float:left; clear:none; margin-top:5px;"><label class="texto" style="font-weight:bold;">B&uacute;squeda Rendiciones.</label></div></td>
	  </tr>
	<tr style="padding:5px;">
    	<td class="borde">&nbsp;&nbsp;<label class="texto">Fecha Desde:</label>
<input name="txtFIni" type="text" id="txtFIni" size="10">&nbsp;<img src="imagen/img.gif" width="20" height="14" title="calendario" style="cursor: pointer; border: 1px solid green;" onmouseover="this.style.background='black';" onmouseout="this.style.background=''" onclick="popUpCalendar(txtFIni, form_Rendicion.txtFIni, 'dd-mm-yyyy');" />&nbsp;<label class="asterisco">*</label></td>
		<td class="borde">&nbsp;&nbsp;<label class="texto">Fecha Hasta:</label>
<input name="txtFFin" type="text" id="txtFFin" size="10">&nbsp;<img src="imagen/img.gif" width="20" height="14" title="calendario" style="cursor: pointer; border: 1px solid green;" onmouseover="this.style.background='black';" onmouseout="this.style.background=''" onclick="popUpCalendar(txtFFin, form_Rendicion.txtFFin, 'dd-mm-yyyy');" />&nbsp;<label class="asterisco">*</label></td>
		<td class="borde"></td>
	</tr>
	<tr>
	  <td class="borde" colspan="3"><div class="formtail"><input type="button" name="btn_Buscar" id="btn_Buscar" value=" " class="buscar" />&nbsp;<input type="button" name="btn_Volver" id="btn_Volver" value="Volver" onclick="Volver();"/></div></td>
	  </tr>
</table>
</div>

</form>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><div id="busqueda"></div></td>
  </tr>
</table>
</body>
<script>
$('#btn_Buscar').click(function() 
{ 
	inicio = document.getElementById("txtFIni").value;
	fin = document.getElementById("txtFFin").value;

	if((inicio!="")&&(fin!=""))				
		{
			$.ajax({
				type: 'POST',
				url: 'Contabilidad/Carga_Busqueda_Rendicion.php',
				data: $('#form_Rendicion').serialize(),
				success: function(data) {
					$('#busqueda').html(data);
				}
			})
		}
	else
		{alert("DETERMINE FECHAS PARA LA BUSQUEDA !!!");}
});
</script>
</html>